﻿<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="../common/taglibs.jsp" %>
<!DOCTYPE html>

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>创新产品</title>
    <meta charset="utf-8">
    <link href="${contextPath }/css/Index.css" rel="stylesheet" />
    <script src="${contextPath }/js/jquery-1.7.1.min.js"></script>
    <link href="${contextPath }/css/newProduct.css" rel="stylesheet" />
    <!--[if IE]>
<script type="text/javascript" src="js/html5.js"></script>
<![endif]-->
    <link href="${contextPath }/css/share.css" rel="stylesheet" />
  

</head>

<body>
            

	<%@include file="../common/header.jsp" %>



        <div class="container" style="height:35px;border:0px;margin-bottom:0px !important;">        <div class="navlevel">
            <span>首页>行业动态</span>

        </div></div>
    <!--导航结束-->
    <div id="maincontent">





        <div id="procontent">

         
			<!-- 创新产品开始 -->

			<c:forEach items="${productList.data }" var="item" varStatus="status">
           	<div class="prolist">
                <div class="imgcanvas" style="background: url(${contextPath}/${item.prodLogopath }); background-repeat: no-repeat;">

                    <span class="title">${item.prodName }</span>
                </div>
                <div class="Protitle">
                    <label>${item.prodName }</label>
                </div>
                <div class="ProInfo">
                    <span>${item.prodTag }</span>
                </div>
            </div>
            <c:if test="${(status.index+1) % 4 == 0}"><br/></c:if>
            </c:forEach>
           <!-- 创新产品结束 -->
           

        </div>

             <div class="newmore" style="cursor:pointer;">
                <span>查看更多...</span>

            </div>
 
       
         <!--弹出层-->
        <div id="Detailpanel">
            <div style="border: 1px solid #484244; width: 1100px; height: 70px;">

                <div id="topcanvas">
                    <div class="singleproname">

                        <div class="pronamecontent"><span>飞行器</span></div>
                        <div class="procompanycontent"><span>中吉云联技术服务有限公司</span></div>
                    </div>


                    <div id="dialogmark">
                     
                            <div class="dialogzan">
                            </div>
                            <div class="dialogshare">
                            </div>
    

                        <div class="dialogcount">
                            <span class="zancount">(211)</span>
                             <span class="sharecount">分享</span>  

                        </div>

                    </div>
                    <div class="closedialog"></div>
                </div>
            </div>
            <div style="width: 1100px; height: 500px;">
                <div class="html5canvas">

                        
                    <iframe src="showcanvas/fxq/index.html"  width="800" height="500" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no">ss</iframe>

                </div>
                <div class="rightbg">

                    <div id="hangye">
                        <fieldset align="left" style="height:230px;">
                            <legend><label style="font-family: 'Microsoft YaHei'; font-size: 16px;">所属行业</label></legend>
           

                        <span class="hangeyespan">标签1</span>
                        <span class="hangeyespan">标签1</span>
                        <span class="hangeyespan">标签1</span>
                        <span class="hangeyespan">标签1</span>
                        <span class="hangeyespan">标签1</span>
                        </fieldset>
       
                     

                    </div>

                    
                </div>
                <div class="dialogfoot">

                    <span>由 <label style="font-size:14px;font-family:'Microsoft YaHei';color:#005aaa ">中吉云联技术服务（北京）有限公司 </label>提供技术支持 京ICP备15007429号 </span>
                </div>

            </div>
        </div>


        </div>
    <!----------------右侧浮动分享---------------------->
        <div id="leftsead">
        <ul>
            <li><a href="http://service.weibo.com/share/share.php">
                <img src="../images/share/fsina.png" width="131" height="47" class="hides" /><img src="../images/share/sina.png" width="47" height="47" class="shows" /></a></li>
            <li><a href="http://share.v.t.qq.com/index.php?c=share&a=index">
                <img src="../images/share/ftengxu.png" width="131" height="47" class="hides" /><img src="../images/share/tengxun.png" width="47" height="47" class="shows" /></a></li>

            <li><a href="tencent://message/?uin=800027897&Site=www.5icool.org&Menu=yes">
                <img src="../images/share/fweixin.png" width="131" height="47" class="hides" /><img src="../images/share/weixin.png" width="47" height="47" class="shows" /></a></li>
            <li><a href="http://www.5icool.org/wangyetexiao/services/">
                <img src="../images/share/fqqyoux.png" width="131" height="47" class="hides" /><img src="../images/share/qqyoux.png" width="47" height="47" class="shows" /></a></li>

            <li><a href="http://connect.qq.com/widget/shareqq/index.html">
                <img src="../images/share/fqq.png" width="131" height="47" class="hides" /><img src="../images/share/qq.png" width="47" height="47" class="shows" /></a></li>
            <li><a href="http://www.5icool.org/wangyetexiao/services/">
                <img src="../images/share/frss.png" width="131" height="47" class="hides" /><img src="../images/share/rss.png" width="47" height="47" class="shows" /></a></li>
            <li><a class="youhui">

                <img src="../images/share/phonemark.png" width="47" height="47" class="shows" /><img src="../images/share/erweima.png" width="145" height="290" class="hides" usemap="#taklhtml" /><map name="taklhtml"><area shape="rect" coords="26,273,115,300 " href="http://www.5icool.org/wangyetexiao/services/" /></map></a></li>
            <li><a id="top_btn">
                <img src="../images/share/ll06.png" width="131" height="47" class="hides" /><img src="../images/share/l06.png" width="47" height="47" class="shows" /></a></li>

        </ul>

    </div>
        <!------------------------右侧浮动分享  结束---------------------->





    
      <script src="../js/share.js"></script>
    <script type="text/javascript">
        $("#procontent .prolist").bind("click", function () {
            window.location.href = "newproShow.html";

        });    
        $(document).ready(function () {
            $(".ulnav ul li a").eq(0).addClass('selected');
            /*------------------控制导航选中菜单----------------*/
            var urlstr = location.href;
            var lastadd = urlstr.substring(urlstr.lastIndexOf("/") + 1, urlstr.length);
            $(".ulnav ul li a").each(function () {
                if ($(this).attr("href") == lastadd) {
                    $(this).addClass('selected');
                } else {
                    $(this).removeClass('selected');
                }
            });
            /*-----------------控制导航选中菜单  结束-------------*/

            var oMore = document.getElementById("phonevisit");  
     

            //手机访问
            oMore.onmouseover = function () {
                $("#mapanel").show();
            }
            oMore.onmouseout = function () {
                $("#mapanel").hide();
            }
        });



      

        //最新产品展示
        $("#procontent .prolist").hover(function () {

            console.log("1");
            //$(this).find(".shine").stop();
            //$(this).find(".shine").css("background-position", "-100px 0");
            //$(this).find(".shine").animate({ backgroundPosition: '-400px 0' }, "fast");
            $(this).find(".title").stop().animate({ bottom: '0px' }, { queue: false }, "fast");
        }, function () {
            $(this).find(".title").stop().animate({ bottom: '-150px' }, { queue: false }, "fast");
        });
    </script>

<%@include file="../common/footer.jsp" %>
</body>
</html>
